<template>
    <div class="">
        <div class="text-slate-300 text-center text-lg">
            总发案数:
            <span ref="totalCountTarget" class="text-gradient font-[Electronic] text-5xl ml-2 mr-2 font-bold">
                {{ data?.faAnShu }}
            </span>
            起
        </div>
    </div>
      <div class="">
        <div class="text-slate-300 text-center text-lg">
            总损失数:
            <span ref="totalCountTarget" class="text-gradient font-[Electronic] text-5xl ml-2 mr-2 font-bold">
                {{ data?.sunShiShu }}
            </span>
            万元
        </div>
    </div>
    <div class="mt-3 flex flex-wrap">
        <div class="w-1/2 text-center text-slate-400 text-lg">
            破案数:
            <span ref="city1" class="font-[Electronic] text-[#5DC5EF] text-3xl">
                {{ data?.poAnShu }}
            </span>
            起
        </div>
        <div class="w-1/2 text-center text-slate-400 text-lg">
            挽回损失:
            <span ref="city1" class="font-[Electronic] text-[#5DC5EF] text-3xl">
                {{ data?.wanSunShu }}
            </span>
            万元
        </div>
        <div class="w-1/2 text-center text-slate-400 text-lg">
            刑事打击:
            <span ref="city2" class="font-[Electronic] text-[#5DC5EF] text-3xl">
                {{ data?.xSZhuaRen }}
            </span>
            人
        </div>
        <div class="w-1/2 text-center text-slate-400 text-lg">
            行政打击:
            <span ref="city3" class="font-[Electronic] text-[#5DC5EF] text-3xl">
                {{ data?.xZZhuaRen }}
            </span>
            人
        </div>
    </div>
</template>

<script setup lang="ts">
import type { TotalData } from '@/apis/homeApi';

defineProps({
    data: {
        type: Object as () => TotalData,
        require: true,
    }
})


</script>

<style scoped lang="scss"></style>